<template>
  <div style="background-color: aquamarine">
    <h3>自定义事件通信</h3>
    <hr />
    <Child />
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "Event",
});
</script>

<script setup lang="ts">
import Child from "./Child.vue";
import { ref } from "vue";
const count = ref(0);

//defineExpose 控制哪些值被其他人拿到我的实例之后访问
defineExpose({
  count
})
</script>
